<template>
  <van-row class="navbar">
    <van-col span="4" class="left">
      <slot name='left'></slot>
    </van-col>
    <van-col span="16" class="center">
      <slot name="center"></slot>
    </van-col>
    <van-col span="4" class="right">
      <slot name="right"></slot>
    </van-col>
  </van-row>
</template>

<script>
  export default {
    name: 'navbar'
  }
</script>

<style>
  .navbar{
    height: 70px;
    line-height: 70px;
    text-align: center;
    box-shadow: 0 1px 1px rgba(100,100,100,.2);
  }
</style>
